<!--
 * @FileDescription 视角点
 * @Author lz
 * @Date 20230814 10:54:35
 * @LastEditors lz
 * @LastEditTime 20230814 10:54:35
-->
<template>
    <div class="ap" :class="props.Selected == props.IndexId ? 'current' : ''">
    </div>
</template>

<script setup lang="ts">
import { reactive, ref, toRefs, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onUnmounted, watch } from 'vue'
const props = defineProps({
    Selected: String,
    ViewportPointX: String,
    ViewportPointY: String,
    IndexId:Number,
})

</script>

<style scoped>
.ap {
    position: absolute;
    left: v-bind(ViewportPointX);
    top: v-bind(ViewportPointY);
    width: 32px;
    height: 32px;
    background-image: url('/images/ic_定位.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.ap:hover {
    background-image: url('/images/ic_定位_当前位置.png');
}

.current {
    background-image: url('/images/ic_定位_当前位置.png');
}
</style>